[Day 5] 函式撰寫觀念基礎 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2024 iThome 鐵人賽

DAY 5

0

佛心分享-IT 人自學之術

讀書筆記&心得－看完這本就會懂！帶你無痛提升JavaScript面試力：精選55道前端工程師的核心問題 × 求職加分模擬試題解析系列第 5 篇

[Day 5] 函式撰寫觀念基礎

16th鐵人賽

2024-08-07 14:59:48

163 瀏覽

分享至

前言

前幾天瞭解了JavaScript物件，接著對於function觀念不太熟悉，React基本上元件組成都是依靠Funtion構建，必須要對本身基礎認識

以前我接觸的傳統函式撰寫方式

function testFn(){
  ...
}

JavaScript ES6 有了箭頭函式 Arrow Function

const getValFn = () => {
  return 123;
}

觀念整理

箭頭函式是 JS ES6 以後新增的語法。
如果沒有參數，可以省略括號。
箭頭函式不會有被提升的行為，必須在宣告之後才能被呼叫。
如果 return 只有一行，可以省略 {} 和 return 關鍵字，直接寫表達式。
箭頭函式不是取代傳統函式，而是提供了一種更簡潔的寫法。
箭頭函式僅用於表達式（即有回傳值），沒有用於陳述式（即沒有回傳值）的宣告方式。

[Day 4] 物件取值方式-解構

[Day 6] 物件傳值 vs 傳參考

系列文

讀書筆記&心得－看完這本就會懂！帶你無痛提升JavaScript面試力：精選55道前端工程師的核心問題 × 求職加分模擬試題解析共 30 篇

目錄

RSS系列文訂閱系列文

5 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

558 組

團體組數

22 組

累計文章數

3873 篇

最後報名日

9/15

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 16th鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react 資訊安全

IT邦幫忙